html
  {
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    overflow:hidden;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background-color: #D0D0D0;
  }

body
   {
     position: fixed;
     width: 100%;
     height: 100%;
     border: 0px;
     margin: 0px;
     padding: 0px;
     background-color: #D0D0D0;
     color: #000000;
     font-family: Arial, Verdana, Helvetica, sans-serif;
     font-size: 10pt;
     overflow:hidden;
   }

h1
   {
     font-weight: bolder;
     font-family: Arial, Verdana, Helvetica, sans-serif;
   }

h2
   {
     font-weight: bold;
     font-family: Arial, Verdana, Helvetica, sans-serif;
   }

h3 {
     font-weight: normal;
     font-family: Arial, Verdana, Helvetica, sans-serif;
   }


.aussen
   {
     margin: 0px;
     padding: 0px;
     width: 100%;
     height: 100%;
     table-layout:fixed;

   }

.main
   {
     width: 100%;
     height: 100%;
     table-layout: fixed;
   }

.maincontent
   {
     width: 80%;
     height: 80%;
     padding: 10px;
     vertical-align: top;
     table-layout: fixed;
   }

.mainpicture
   {
      vertical-align: top;
      width: 30%;
      padding: 0px;
      table-layout: fixed;
   }


.maintable
   {
     width: 100%;
     max-width: 100%;
     height: 100%;
     border: 0px;
     table-layout: fixed;
     border-collapse: collapse;
   }

.inhalt
   {

     border: none;
     padding: 10px;
     margin: 0px;
     width: 98%;
     height: 100%;
     overflow: auto;
     white-space: normal;
   }

a.menulink:link
   {
      top:0%;
      display: block;
      background: #F44E2C;
      margin: 0px;
      width: 10%;
      color: #fff;
      text-align: center;
      text-decoration: none;
   }

a.menulink:visited
   {
      display: block;
      background: #E43E1C;
      margin: 0px;
      width: 10%;
      color: #D0D0D0;
      text-align: center;
      text-decoration: none;
   }

a.menulink:hover
   {
      width: 10%;
      color: #000000;
      background: #FF6947;
      text-decoration: none;
   }

.komplett
   {
       width: 510px;
   }

.kompletttext
   {
       width: 260px;
       padding: 10px;
   }

.komplettbild
   {
       width: 250px;
   }

.flexible
   {
       width: 510px;
   }

.flexiblebild
   {
       width: 310px;
   }

.flexibletext
   {
       width: 200px;
       padding: 10px;
       font-size: 8pt;
   }

.kontakt
   {
       width: 510px;
   }

.kontakttext
   {
       width: 120px;
       padding: 5px;
       vertical-align: top;
   }

.kontaktfelder
   {
       width: 390px;
       padding: 5px;
       vertical-align: top;
   }

.kontaktbutton
   {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 9pt;
       color: #000;
       border: 2px solid #669933;
       background-color: #cbdcb9;
   }

.kontaktbutton:hover
   {
       border: 2px solid #669933;
       background-color: #cdeeab;
   }

.wichtig
   {
       color: #cc0000;
  }

div.image-container
  {
    border: 0px;
    table-layout:fixed;

  }

td
.oben    { vertical-align:top }
.mitte   { vertical-align:middle}
.unten   { vertical-align:bottom}
.links   { text-align: left }
.zentriert { text-align: center }
.rechts  { text-align: right }

#logo {position:fixed; z-index:1; top: 0%; left: 0%; width: 100%; height: 10%; }
#logobackground{position:absolute; z-index: 1; top: 0%; left:0%; width:100%; height:100%;}
#logoforeground{position:absolute; z-index: 1; top:5%; left:1%; right:32%; height:50%;}

.menucontainer{position:absolute; z-index:1; left: 0%; width:100%; height: 4%; max-height:4%; background-color: #D0D0D0;}

#piccontainer1{ position:absolute; z-index:0; top: 14%; left: 0%; width: 30%;}
#piccontainer2{ position:absolute; z-index:0; top: 14%; left: 30%; width: 40%;}
#piccontainer3{ position:absolute; z-index:0; top: 14%; left: 70%; width: 30%; float:left;}

#menucontainer1{ position: fixed; z-index:1; top: 49%; left:  0%; width:30%; height: 5%; color:#D0D0D0; background-color:#F44E2C; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 150%; display:block}
#menucontainer2{ position: fixed; z-index:1; top: 49%; left: 30%; width:40%; height: 5%; color:#D0D0D0; background-color:#F44E2C; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 150%;}
#menucontainer3{ position: fixed; z-index:1; top: 49%; left: 70%; width:30%; height: 5%; color:#D0D0D0; background-color:#F44E2C; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 150%;}

#piccontainer4{ position:fixed; z-index:0; top: 53%; left: 0%; width: 30%;}
#piccontainer5{ position:absolute; z-index:0; top: 53%; left: 30%; width: 40%;}
#piccontainer6{ position:fixed; z-index:0; top: 53%; left: 70%; width: 30%; float:left;}

#scroller {position:absolute; width:100%; height:85%; top:14%; left:0; overflow:auto; z-index:3;}
#content {padding:10px 20px 10px 20px; top: 20%; width: 70%; left: 5%; overflow:hidden; color:#000000; background-color:#D0D0D0; z-index:0; text-align: center; }

/* Die Hyperlinks im Menü */

a.menulink
{
  z-index:1;
  border: 2px;
  border-color: #000000;
  float: left;
  width: 16.66666667%;
  height: 100%;
  position: relative;
  margin: 2px;
  background-color:#F44E2C;
  border-left-color:#F04A28;
  border-top-color:#F04A28;
}

a.menulink:link
{
  border: 2px;
  border-color: #000000;
  border-left-color:#F04A28;
  background-color: #F44E2C;
  color:#FFFFFF;
}

a.menulink:visited
{
  color:#C0C0C0;
  background-color: #F04A28;

}

a.menulink:focus, a.menulink:hover
{
  color: #000000;
  background-color: #FF6947;
  font-weight: bolder;
}

a.menulink:active
{

  color: #000000;
  background-color:#FF6947;
}